<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>roomCondition</title>
    <link rel="stylesheet" href="roomCondition.css">
</head>
<body class="bodyStyle">
    <div class="title">
        <samp>客房状态</samp>
    </div>
    <div class="allRoom" id="allroom">
        <div>
            <div class="roomtype">
                <span>豪华套房</span>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">101</span><br>
                    <span class="roomName">豪华大房间1</span>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">102</span><br>
                    <span class="roomName">豪华大房间2</span>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">103</span><br>
                    <span class="roomName">豪华大房间3</span>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">104</span><br>
                    <span class="roomName">豪华双床房1</span>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">105</span><br>
                    <span class="roomName">豪华双人房2</span>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <span class="roomName" id="101">106</span><br>
                    <span class="roomName">豪华双人房3</span>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>单人间</span>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">201</samp><br>
                    <samp class="roomName">普通单人房1</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">202</samp><br>
                    <samp class="roomName">普通单人房2</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">203</samp><br>
                    <samp class="roomName">普通单人房3</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">204</samp><br>
                    <samp class="roomName" id="201">普通单人房4</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">205</samp><br>
                    <samp class="roomName">普通单人房5</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="201">206</samp><br>
                    <samp class="roomName">普通单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>标准单人间</span>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="301">201</samp><br>
                    <samp class="roomName">标准单人房1</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" id="301">202</samp><br>
                    <samp class="roomName">标准单人房2</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName" >203</samp><br>
                    <samp class="roomName">标准单人房3</samp>
                </div>
            </div>
            <div class="showRoom" >
                <div class="room">
                    <samp class="roomName">204</samp><br>
                    <samp class="roomName">标准单人房4</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">205</samp><br>
                    <samp class="roomName">标准单人房5</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">206</samp><br>
                    <samp class="roomName">标准单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>高级标间</span>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">201</samp><br>
                    <samp class="roomName">高级单人房1</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">202</samp><br>
                    <samp class="roomName">高级单人房2</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">203</samp><br>
                    <samp class="roomName">高级单人房3</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">204</samp><br>
                    <samp class="roomName">高级单人房4</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">205</samp><br>
                    <samp class="roomName">高级单人房5</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">206</samp><br>
                    <samp class="roomName">高级单人房6</samp>
                </div>
            </div>
        </div>
        <div>
            <div>
                <span>三人间</span>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">301</samp><br>
                    <samp class="roomName">标准三人间1</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">302</samp><br>
                    <samp class="roomName">标准三人间2</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">303</samp><br>
                    <samp class="roomName">标准三人间3</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">304</samp><br>
                    <samp class="roomName">标准三人间4</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">305</samp><br>
                    <samp class="roomName">标准三人间5</samp>
                </div>
            </div>
            <div class="showRoom">
                <div class="room">
                    <samp class="roomName">306</samp><br>
                    <samp class="roomName">标准三人间6</samp>
                </div>
            </div>
        </div>
    </div>
</body>
    <script src="roomCondition.js"></script>
</html>